﻿*,body{
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei";
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}
ul,li{list-style-type: none;}
h1,h2,h3,p,i,span,li,.img,.top,.fixednav{
	transition:all 0.5s;
    -moz-transition:all 0.5s; /* Firefox 4 */
    -webkit-transition:all 0.5s; /* Safari and Chrome */
    -o-transition:all 0.5s;
	-ms-transition:all 0.5s;}
a,img{	
    transition:all 0.5s;
    -moz-transition:all 0.5s; /* Firefox 4 */
    -webkit-transition:all 0.5s; /* Safari and Chrome */
    -o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	border:none;
	}
body{
  width:100%; 
  height:100%; 
  overflow-x: hidden;
  }
  
        ::-webkit-scrollbar {
            width: 10px;/* 这是针对缺省样式 (必须的) */
        }

        ::-webkit-scrollbar-track {
            background-color: #fff;/* 滚动条的滑轨背景颜色 */
        }

        ::-webkit-scrollbar-thumb {
            background-color: #237ac1;/* 滑块颜色 */
        }

        ::-webkit-scrollbar-button {
            background-color: #fff;/* 滑轨两头的监听按钮颜色 */
        }

        ::-webkit-scrollbar-corner {
            background-color: #fff;/* 横向滚动条和纵向滚动条相交处尖角的颜色 */
        }
  
html {
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  -ms-background-size:cover;
  background-size:cover;
}
 .js-enabled .fooReveal { visibility: hidden; }
.warp{width: 100%; height:100%; position:relative;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both}
.w1200{ width:1200px; margin:0 auto;}
.mr80{ margin-right:80px;}
.mr75{ margin-right:70px;}
.mr70{ margin-right:70px;}
.mr50{ margin-right:50px;}
.mr40{ margin-right:40px;}
.mr33{ margin-right:33.3px;}
.mr30{ margin-right:30px;}
.mr20{ margin-right:20px;}
.mr10{ margin-right:10px;}
.mr5{ margin-right:5%;}
.mr4{ margin-right:4%;}
.mr3{ margin-right:3%;}
.mr2{ margin-right:2%;}
.mr1{ margin-right:3%;}
.pr20{padding-right:20px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.bg{background-color:rgba(33,37,44,.08); }
/*header*/
.header{ width:100%; height:140px;
box-shadow:0 4px 12px 0 rgba(52,63,75,0.06),0 10px 40px 0 rgba(52,63,75,0.06),0 0 0 1px rgba(52,63,75,0.02);
-webkit-box-shadow:0 4px 12px 0 rgba(52,63,75,0.06),0 10px 40px 0 rgba(52,63,75,0.06),0 0 0 1px rgba(52,63,75,0.02);
-moz-box-shadow:0 4px 12px 0 rgba(52,63,75,0.06),0 10px 40px 0 rgba(52,63,75,0.06),0 0 0 1px rgba(52,63,75,0.02);
padding:0;background-color:#fff;z-index:9999;position: relative;}
.header .top{ background-color:#237ac1; height:35px;}
.header .top .welcome{ line-height:35px; font-size:14px; color:#fff;position: relative;}
.header .top .mobile{position: relative;}
.header .top .mobile a{ color:#fff; font-size:14px; line-height:35px; display:block;margin-left:14px;height:30px; padding-left:32px; float:left;}
.header .icon{ background-image: url(../images/mob.png); background-repeat:no-repeat;}
.header .i1{background-position:0 2px;}
.header .i2{background-position:0 -28px;}
.header .i3{background-position:0 -56px;}
.header .i4{background-position:0 -84px;}
.header .i6{background-position:0 -163px;}
.header .logo{ width:240px; padding-top:10px;}
.header .menu{ width:600px; margin-left:100px;}
.header .tel{ height:35px; margin-left:auto; margin-top:35px;width:180px; background-position:0 -118px; padding-left:40px; color:#237ac1; font-size:20px;font-weight:300; line-height:30px;}

.fixednav {
	position:fixed;
	top:0px;
	width:100%;
	z-index:9999;
	height:80px;

}
.fixednav .top{display: none}
.fixednav .logo img{width:60%;}
.fixednav .tel{margin-top:25px;}
.fixednav nav{padding-top:5px;}
/*nav*/
nav.navbar.bootsnav{z-index: 9999;padding-top: 30px;}
nav.navbar.bootsnav ul.nav > li > a{
    color: #6f6f6f;
    background-color: transparent;
    outline: none;
    margin-bottom: -2px;
}
nav.navbar.bootsnav ul.nav li.active > a:hover,
nav.navbar.bootsnav ul.nav li.active > a:focus,
nav.navbar.bootsnav ul.nav li.active > a{ background-color: transparent;}
nav.navbar.bootsnav{ border: none;margin-bottom: 0px;background-color:transparent;}
nav.navbar.bootsnav ul.nav > li > a{
	        display: block;
			font-size:16px; font-weight:300;
		    color: #474747;
		    text-transform: uppercase;
			margin:0 18px;
			padding-bottom:20px; padding-top:10px; padding-left:0; padding-right:0; }
nav.navbar.bootsnav ul.nav .last  a{ margin-right:0px !important;}
nav.navbar.bootsnav ul.nav > li a:hover{color: #237ac1;}
.nav > li:after{
		    content: "";
		    width: 0;
		    height: 5px;
		    background: #237ac1;
		    position: absolute;
		    bottom: 0;
		    left:50%;
	        margin-left:-20%;
		    transition: all 0.5s ease 0s;
}
.nav > li:hover:after{ width: 40%;}
.dropdown-menu.multi-dropdown{position: absolute;left: -100% !important; top:50px; }
.dropdown-menu{ background-color:transparent;}
.dropdown-menu > li > a{ color:#666 !important;background-color:#fff; white-space:normal; display: block; width: 100%; line-height:35px !important;}
.dropdown-menu > li > a:hover{background-color:#f6f6f6!important; color:#666!important;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
        padding: 0;
        width: 200px;
        border:none;
		background-color:transparent;
		z-index: 9999;
}


/*section*/
.main{width:100%; height:100%; position:relative;}
.section{ width:100%;background-repeat:no-repeat; background-size:cover; background-position:center center;}
/*section-title*/
.section-title{ text-align:center; padding:30px 0;}
.section-title h2{font-size:28px; font-weight:800; color:#237ac1; display:block; width:40%;letter-spacing:2px;margin:10px auto; position:relative;
line-height: 20px;}
.section-title h3{font-size:14px; text-transform:none; font-family:Arial; color:#999;font-weight: 300;position:relative;}
.section-title h4{font-size:16px;font-weight:200;color:#777;padding-top:30px;}
	
/*sub-title*/
.sub-title{ text-align:center; padding:30px 0;}
.sub-title h2{font-size:30px; font-weight:500; color:#282828; display:block; width:40%; margin:0 auto; padding:10px 0; position:relative;}
.sub-title h2 span{ color:#f3991f;}
.sub-title h3{padding:0; margin:0; font-size:18px; text-transform:uppercase; font-family:Arial; color:rgba(0,0,0,0.2);}
.sub-title h2:after{
	content:'';
	width:180px;
	height:1px;
	background-color:rgba(0,0,0,0.1);
	display:block;
	position:absolute; left:0;bottom:10px;
	}
.sub-title h2:before{
	content:'';
	width:180px;
	height:1px;
	background-color:rgba(0,0,0,0.1);
	display:block;
	position:absolute; right:0; bottom:10px;

	}
	
/* more */
.section .more{ width:150px; line-height:38px; border:1px solid #094b95; color:#094b95; display:block; text-align:center; font-size:18px;border-radius:20px; -webkit-border-radius:20px; margin:10px auto;}
.section .more i{ font-size:1.2em; margin-left:10px;}
.section .more:hover{
	background-color: #094b95;
	color: #fff;
	text-decoration: none;
}
.section .more:hover i{
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
-webkit-transform:rotate(90deg);}


/*service-ico*/
	.service-ico{background-image: url(../images/service-bg.jpg);background-repeat: no-repeat;
background-position:bottom center;height: 265px;background-color: #ffffff;}
	.service-ico ul{width:925px;margin:10px auto;padding-top:50px;}
	.service-ico ul li{ float: left; width:25%; display: block;text-align: center;}
	.service-ico ul li .ico{width:60px;height:60px;margin: 10px auto;}
	.service-ico ul li .ico img{width:100%;}
	.service-ico ul li h2{ display: block; font-size:18px;color:#237ac1;margin-bottom:10px;}
	.service-ico ul li p{font-size:14px; color:#666;line-height:20px;}

/*footer*/

footer{ width:100%; background-color:#237ac1;}
footer .foot-nav{ float:left; width:680px; padding:40px 0;}
footer .foot-nav dl{float:left; display:block;}
footer .foot-nav dt{ font-size:18px; color:#fff; font-weight:500;padding-bottom:10px;}
footer .foot-nav dt a {color:#fff;}
footer .foot-nav dd{}
footer .foot-nav dd a{ font-size:14px; color:rgba(255,255,255,0.5); line-height:25px;}
footer .foot-nav dd a:hover{ color:#fff;}
footer .foot-contact{ float:right;padding:40px 150px 40px 0; position:relative;}
footer .foot-contact .c-info{ width:100%;}
footer .foot-contact .c-info .tel{display:block;font-style:normal; color:#fff; font-size:36px; font-family:Arial; font-weight:200;}
footer .foot-contact .c-info .s-time{ font-size:14px; color:rgba(255,255,255,0.5); line-height:25px;}
footer .foot-contact .c-info p{ color:rgba(255,255,255,0.8); font-size:14px; line-height:25px;}
footer .foot-contact .wx{ position:absolute; right:0; top:30px; font-size:14px; color:#fff; text-align:center;}
footer .foot-contact .wx img{ display:block; margin-bottom:10px;}
footer .copy{font-family:Arial; height:35px;font-size:12px; text-align:center; color:rgba(255,255,255,0.6); line-height:35px;text-transform: uppercase;}
footer .copy a {color:rgba(255,255,255,0.6);}



/*分页样式*/	 
.pagination {
	display: block;
	padding: 0px;
	font-weight: normal;
	width:1200px;
	margin: 20px auto;
}

.pagination a{
	display: inline-block;
	float: left;
	height: 25px;
	margin-right: 10px;
	font-weight: normal;
}
.pagination a,
.pagination span {
	float: none;
	background: none;
	color: #2e2e2e !important;
	border: 1px solid rgba(0,0,0,0.35);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.pagination a:hover,
.pagination a:focus,
.pagination a.active,
.pagination .active span {
	color: #ffffff !important;
	border: 1px solid #6699cc;
	background-color: #6699cc;
	height: 25px;
}


.err{ width:50%; line-height:30px; font-size:20px; color:rgba(0,0,0,0.3); text-align:center; margin:50px auto; padding:20px; border:1px solid rgba(0,0,0,0.07)}